<template>
	<view>
		<view class="head">
			<image src="../../static/images/arrow_left.png" mode=""></image>
			<view class="">打印机模板设置</view>
			<view class="f32">保存</view>
		</view>
		<view class="box-one">
			<view class="">同步模版设置给店铺其他员工</view>
			<view class="">
				<view><switch checked @change="switch1Change" /></view>
			</view>
		</view>
		<view class="box-one">
			<view class="">打印机份数</view>
			<view class="">
				1份
				<image src="../../static/images/arrow_right.png" mode=""></image>
			</view>
		</view>
		<view class="box-one">
			<view class="">自定义安卓表单显示位置</view>
			<view class="">
				<image src="../../static/images/arrow_right.png" mode=""></image>
			</view>
		</view>
		<view class="box-two">
			可配置显示字段
		</view>
		<view class="box-three">
			<view class="">单据类型</view>
			<view class="">
				<view><switch checked @change="switch2Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">页码</view>
			<view class="">
				<view><switch checked @change="switch3Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">下单时间</view>
			<view class="">
				<view><switch checked @change="switch4Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">客户应收欠款</view>
			<view class="">
				<view><switch checked @change="switch5Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">客户联系方式</view>
			<view class="">
				<view><switch checked @change="switch6Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">客户物流地址</view>
			<view class="">
				<view><switch checked @change="switch7Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">订单号</view>
			<view class="">
				<view><switch checked @change="switch8Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">开单员工</view>
			<view class="">
				<view><switch checked @change="switch9Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">序号</view>
			<view class="">
				<view><switch checked @change="switch10Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">货品编号</view>
			<view class="">
				<view><switch checked @change="switch11Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">货品名称</view>
			<view class="">
				<view><switch checked @change="switch12Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">货品规格</view>
			<view class="">
				<view><switch checked @change="switch13Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">单价</view>
			<view class="">
				<view><switch checked @change="switch14Change" /></view>
			</view>
		</view>
		<view class="box-three">
			<view class="">折扣率</view>
			<view class="">
				<view><switch checked @change="switch15Change" /></view>
			</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			switch1Change: function(e) {
				console.log('switch1 发生 change 事件，携带值为', e.target.value);
			},
		}
	}
</script>

<style lang="scss">
page {
	background-color: #f7f4f8;
}
switch{
      transform: scale(0.8);
	  position: relative;
	  left: 20rpx;
}
.head {
	height: 88rpx;
	line-height: 88rpx;
	background-color: #249af6;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	image {
		width: 22rpx;
		height: 39rpx;
		margin-top: 25rpx;
	}
}
.box-one {
	height: 110rpx;
	line-height: 110rpx;
	background-color: #ffffff;
	padding: 0 33rpx;
	display: flex;
	justify-content: space-between;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	margin-top: 20rpx;
	input {
		height: 100%;
	}
	image{
		width:18rpx;
		height:33rpx;
		vertical-align: middle;
		margin-left: 20rpx;
	}
}
.box-two{
	height: 110rpx;
	line-height: 110rpx;
		padding: 0 33rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
}
.box-three{
	height: 110rpx;
	line-height: 110rpx;
	background-color: #ffffff;
	padding: 0 33rpx;
	display: flex;
	justify-content: space-between;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	input {
		height: 100%;
	}
	image{
		width:18rpx;
		height:33rpx;
		vertical-align: middle;
		margin-left: 20rpx;
	}
}
</style>
